            <div class="post" id="about" >
				<div class="postheader"><a name="about"></a><h1>About</h1></div>
				<div class="postcontent" style="height:110px">
					<p>!{{ mech.dropid }}!</p>
				</div>
			</div>

            <div class="post" id="download" >
				<div class="postheader"><a name="download"></a><h1>Download</h1></div>
				<div class="postcontent" style="height:110px">
					<p>xx</p>
				</div>
			</div>

            <div class="post" id="faq" >
				<div class="postheader"><a name="faq"></a><h1>Faq</h1></div>
				<div class="postcontent" style="height:110px">
					<p>xx</p>
				</div>
			</div>
            
              <div class="post" id="overview" >
				<div class="postheader"><a name="overview"></a><h1>Overview</h1></div>
				<div class="postcontent"  >
                    <h2 style="padding-top:20px; padding-left:20px">Howdy</h2>
                    <p>
                        This is an online demo for the <span class="font-style:italic;">Mechwarrior Online.</span> drop planner my <a href="http://todesschatten.com">unit</a> uses. 
                        It's a useful web-baser-all-you-need-is-a-browser tool to organize drops for cooperated play, be it in 4- or 12-pilot groups<sup>1</sup>.
                    </p>
                    <p>
                        Please keep in mind this demo is running on a free <a href="http://gogle.de">Google </a> Cloud Appengine instance and therefore has certain quotas, which wen exceeded will render
                        the whole thing unusable until the quotas are reset<sup>2</sup>. So if you like this and want to utilize it for your unit, please consider to 
                        run <a class="tool" href="#download">your own instance</a> under a different url. It's free - all you need is a <a href="https://mail.google.com">GoogleMail</a> account - and the installation is easy.
                    </p>
                    <br/>
                    <h2 style="padding-left:20px">Modus Operandi</h2>
                    <p>
                        It basically works like this. Someone, usually the drop-leader (let's assume that's you), will <a class="tool" href="#newdrop">start a new drop</a> by entering 
                        the personal callsign and land on the roster page. 
                    </p>
                    
                    <p>
                        From there you can access the drop-ID and share it with your friends via whatever channel you use. Teamspeak, most likely.
                        <br/>Anyway, you can share the id either in the form of "just the ID" which your friends can use to <a class="tool" href="#enterid">join a drop</a> or as a  link 
                        that they can paste into their browsers. Either way they will land with you on the same roster page.
                       </br>
                       screenshot
                       </br>
                    </p>
                    <p>
                        All pilots will enter their mech and or mech loadout. 
                    
                        The roster - auto-updating itself every 20 seconds - shows an overview of <span style="font-style:italic">who drives what</span> with which loadout and on what speed, etc.
                        <br/><br/> This gives the drop-leader and everybody else condensed info about the troops setup.
                       
                        
                        <br/><br/>
                        
                        You can organize your lance members in up to five lances (Alpha to Delta and Reserve). From my experience this is especially useful
                        when you are in charge of organizing the lances in the MW:O Ready Screen. The roster is a self-updating notepad.
                        </p>                    
                    <p>
                    <br/><br/>
                    <p><sup>1</sup>Please note the gender neutral use of "pilot" instead of "man".<br/>
                    <sup>2</sup>Once every 24 hours at  midnight Pacific time.</p>
                </div>
            </div>
            <div class="post" id="newdrop" >
				<div class="postheader"><a name="newdrop"></a><h1>Start a new drop</h1></div>
				<div class="postcontent" style="height:110px">
                    <form action="/" method="POST" style="padding-left: 20px;">
                        <input type="hidden" name = "d" value="{{ proposed_dropid }}" />
                        <p>Enter your Callsign</p>
                        <input class="input textbox" type="text" name="p" maxlength="25" size="10" value = "" /><br/><br/>
                        <input class="button" style="width:80px;" type="submit" id="dnew" name="submit" value="Drop" />
                    </form>
                </div>
            </div>
            <div class="post" id="enterid" >
                <div class="postheader"><a name="enterid"></a><h1>Join a drop</h1></div>
				<div class="postcontent" style="height:110px">
                       <form action="/" method="POST" style="padding-left: 20px;>
                        <input type="hidden" name = "d" value="{{ mech.dropid }}" />
                        <p>Enter your Callsign:</p>
                        <input class="input textbox" type="text" name="p" maxlength="25" size="10" value = "" />
                        <p>Enter the Drop-ID:</p>
                        <input class="input textbox" type="text" name="d" maxlength="25" size="10" value = "{{ mech.dropid }}" /><br/><br/>
                        <input class="button" style="width: 80px;" type="submit" id="djoin" name="submit" value="Join" />
                    </form>
                </div>
				
			</div>
